.personalpage-head{
    width: 100%;
    height: 100px;
    border:  solid #908C84 1px;
}
.head-image{
    width: 100px;
    height: 100px;
    float: left
}
.head-left{
    width: 30%;
    height: 100%;
    float: left;
    position:relative;
    margin-left: 10px;
}
.head-right{
    width: 30%;
    height: 100%;
    float: left;
    position:relative;
}
.clear{
    clear:both
} 
.username{
    font-size: 25px;
}
.news{
    vertical-align: middle;
    position:absolute;
    top: 45%;
}
.securitylevel{
    position:absolute;
    bottom: 0;
}
.logintimes{
    position:absolute;
    top: 45%;
}
.lastlogintime{
    position:absolute;
    bottom: 0;
}
.personalpage-content{
    width: 100%;
    height: 200px;
    margin-top: 20px;
    border:  solid #908C84 1px;
    position: relative;
}
.personalpage-title{
    width: 100%;
    height: 20%;
    border-bottom:solid #D7D7D7 1px;
    vertical-align: middle; 
    font-size: 18px;
    padding-left: 20px;
}
.personalpage-bottom{
    width: 100%;
    height: 200px;
    margin-top: 20px;
}
.bottom-left{
    width: 48%;
    height: 100%;
    border:  solid #908C84 1px;
    float: left
}
.bottom-right{
    width: 50%;
    height: 100%;
    margin-left: 20px;
    border:  solid #908C84 1px;
    float: left
}
.report,.uploadreport,.nodecryptionreport{
    width: 33%;
    float: left;
    text-align: center;
    margin:auto ;
    position: absolute;
    top:50%
}
.uploadreport{
    left: 0%
}
.uploadreport{
    left: 34%
}
.nodecryptionreport{
    left:66%
}
.report-number{
    color: #3886DB;
    font-size: 22px;
}